<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入轮播图样式 -->
    <link rel="stylesheet" href="../lib/plugin/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="../css/pay.css">

</head>

<body>
    <!-- 网页头部 -->
    <div id="header" class="head">
        <div class="column">
            <div class="column container pr">
                <p class="fl pa">legochina.cn</p>
                <p class="fr">欢迎光临<span>乐购</span>, <a href="./login.html">登录</a>\<a href="./register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="logo-nav container pr clearfix">
            <h1 class="logo  pa"><img src="../imgs/images/07-_结算（付款）成功、失败_02.jpg" alt=""></h1>
        </div>
    </div>
    <!-- 支付模块 -->
    <div id="pay" class="container mt24">
        <div class="pay-menu clearfix">
            <p class="fl">订单提交成功，请尽快付款！ 订单编号：91000234567</p>
            <p class="fr"><a href="" class="order">订单详情</a></p>
        </div>
        <div class="pay-time clearfix">
            <p class="fl">请您在订单提交24小时内付款，否则将会取消订单</p>
            <p class="mr90 fr">应付金额：<span class="pay-amount">47.00</span></p>
        </div>
        <div class="clearfix">
            <p class="legou-pay fl">乐购支付</p>
            <p class="legou-mes fl">以下方式由乐购支付提供</p>
        </div>
        <div class="clearfix">
            <ul class="pay-way clearfix">
                <li class="bank-card fl">银行卡</li>
                <li class="bank fl"><span>中国招商银行</span><span class="item">网银</span><span>最近使用</span></li>
                <li class="add-card fl">添加银行卡 +</li>
                <li class="pay-num fl">支付金额：<span class="pay-amount">47.00</span></li>
            </ul>
            <p class="soon-pay fr">立即支付</p>
        </div>
        <div class="other-way clearfix">
            <p class="legou-pay fl">其他支付</p>
            <p class="legou-mes fl">以下方式不支持合并支付</p>
        </div>
        <div class="another">
            <ul class="pay-way clearfix">
                <li class="way fl"> 微信支付</li>
                <li class="way fl">中国移动支付</li>
                <li class="way fl">中国银联</li>
                <li class="way fl">外籍内卡</li>
                <li class="way fl">拉卡拉</li>
                <li class="way fl">预约支付卡</li>
                <li class="way fl">乐购钱包扫一扫</li>
            </ul>
        </div>
    </div>
    <!-- 广告 -->
    <div class="banner-bg container mt35"></div>
    <!-- 尾部 -->
    <div id="footer">
        <div class=" banner-end ">
            <div class="quality container"></div>
        </div>
        <div class="footer-serve clearfix pr">
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <img src="../imgs/logo_00.png" alt="" class="pa footer-logo">
        </div>
        <div class="hot-web">
            <a href="#" class="hot-link">公司简介</a>
            <a href="#" class="hot-link">Investor Relations</a>
            <a href="#" class="hot-link">网站联盟</a>
            <a href="#" class="hot-link">乐购招商机构销售</a>
            <a href="#" class="hot-link">手机乐购</a>
            <a href="#" class="hot-link">官方Blog</a>
            <a href="#" class="hot-link">热词搜索</a>
        </div>
        <p class="copyright">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
    <script src="../lib/plugin/lib/jquery.min.js"></script>
    <script src="../lib/plugin/lib/jquery.slidebox.js"></script>
    <script src="../js/common.js"></script>
    <!-- 引入当前文件的js -->
</body>

</html>